.m-own-border{ border: 1px solid #60CAE7;  border-radius: 5px;}
    .m-index-title, .m-area-title {
        line-height: 24px;
        padding: 10px 15px;
        font-size: 16px;
        color: #60CAE7;
        border:2px solid #60CAE7;
        margin-bottom: 20px;
        display: inline-block;
        border-radius: 5px;
    }

    .m-area-title { margin-top: 20px;}
    .m-title-box {
        display: -webkit-flex;
        display: flex;
        float: left;
        width: 20%;
        margin-right: 5%;
        height: 100px;
        background: #fff;
        padding: 10px 10px 20px 10px;
        border-radius: 3px;
        border:1px solid #E9E9E9;
    }

    .m-title-box .left {
        flex: 2;
        font-size: 16px;
        text-align: center;
        color: #aaa
    }
    .m-title-box .left p { font-size: 50px; }
    /*.m-title-box .right { flex: 1}*/
    .m-title-box .right{
        text-align: center;
        border-radius: 8px; 
        line-height: 68px;
        width: 68px;
        height: 68px;
        margin-top: 5px;
    }
    .m-title-box .right i{
        font-size: 40px;
        color: #fff;
        vertical-align: middle;
    }
    .m-title-box .right span { font-size: 50px; line-height: 80px; }
    .green { color: #f8d347;}
    .blue { color: #5ab6df;}
    .red { color: #ff6c60;}
    .write {color: #a659fc;}
    .m-area-content { background: #fff; padding: 10px 20px;}
    .m-content-box, .m-login-box {
        height: 100px;
        background: url(/img/index_xx.png) no-repeat -2px -6px;
        padding-left: 100px;
        margin-top: 20px;
        line-height: 32px;
        font-size: 18px;
        background-color: #fff;
        border-bottom: 1px solid #bbb;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .m-login-box { background: url(/img/index_yy.png) no-repeat -2px -6px;background-color: #fff }
    .m-content-box p, .m-login-box p { color: #5ab6df}
    .m-content-img {
        position: absolute;
        font-size: 35px;
        color: #fff;
        margin-left: -80px;
        margin-top: 20px;
    }

    .bg-important { background: #ff6c60;}
    #mediaWarning3{ text-align: center; line-height: 36px }

    .u-icon-inbox{ background: #EDB709;}
    .u-icon-circle{ background: #13A9EB;}
    .u-icon-clock{background: #9EBD77;}
    .u-icon-glass{background: #F67052;}

	::-webkit-scrollbar {
		width:9px; 
		height:9px; 
		background-color: #F5F5F5; 
	}/*滚动条整体部分*/
	::-webkit-scrollbar-track{
    	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    	background-color: #F5F5F5;  
    	border-radius: 8px;
    }/*外层轨道*/
	::-webkit-scrollbar-thumb{
    	background:#1C2B36; 
    	border-radius:8px; 
    	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
    }/*滚动条里可拖动的部分*/
	::-webkit-scrollbar-thumb:hover{
		background:#1C2B36; 
    	border-radius:8px; 
    	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
	}
